<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>大窗口|/static/html/monitor.html</title>
<link rel="stylesheet" type="text/css" href="/static/css/basic.css">
<link rel="stylesheet" type="text/css" href="/static/css/ui.css">
<link rel="stylesheet" type="text/css" href="/static/css/g.css">
<link rel="stylesheet" type="text/css" href="/static/css/common.css">
</head>
<body>
	<div class="large-index">
		<div class="g-pl10 g-pr10 g-pt10">
			<div class="user-info">
                <p id="j-username"></p>
                <p id="j-role" class="vip-user"></p>
            </div>
		</div>
		<div class="monitor-container">
			<div class="run-state clearfix">
				<div class="run-ico ico-success fl"></div>
				<div class="run-str fl">系统运行处于正常状态！</div>
			</div>
			<div class="monitor-main">
				<div class="sidebar">
					<ul>
						<li class="active"><a href="javascript:;"> <i></i> <span>软件运行监控</span>
						</a></li>
						<li><a href="/static/html/monitor_now.html"> <i></i> <span>当前任务监控</span>
						</a></li>
						<li><a href="/static/html/monitor_plan.html"> <i></i> <span>任务执行计划</span>
						</a></li>
						<li><a href="/static/html/monitor_login.html">
								<i></i> <span>登录日志</span>
						</a></li>
					</ul>
				</div>
				<div class="content">
					<div class="soft-mtr">
						<div class="soft-row clearfix">
							<div class="soft-col">
								<div class="long-time g-mt30">
									<p>累计运行时长</p>
									<p class="time-str">
										<span id="timeTick"></span>
									</p>
								</div>
							</div>
							<div class="soft-col">
								<div class="state-btn">
									<a href="javascript:;" class="blue btn" id="service" >监控服务（运行中）</a> <a href="javascript:;" class="red btn" id="autoUpdate" >自动更新服务（停止）</a> <a
										href="javascript:;" class="blue btn" id="autoStart" >数据保险箱引擎（运行中）</a>
								</div>
							</div>
						</div>

						<div class="soft-row g-mt20 clearfix">
							<div class="soft-col">
								<label>存储空间：</label> <span class="lg-font"><span
									id="save_space"></span></span>
							</div>
							<div class="soft-col">
								<label>服务到期时间：</label> <span class="lg-font"><span
									id="server_endTime"></span></span>
							</div>
						</div>
						<div class="soft-row g-mt20 clearfix">
							<div class="soft-col">
								<label>运行环境</label>
							</div>
						</div>
						<div class="soft-row g-mt10 clearfix">
							<dl class="clearfix">
								<dt>设备名称：</dt>
								<dd>
									<span id="bindDeviceName"></span>
								</dd>
								<dt>设备特征：</dt>
								<dd>
									<span id="bindDevice"></span>
								</dd>
								<dt>&emsp;处理器：</dt>
								<dd>
									<span id="processor"></span>
								</dd>
								<dt>内存大小：</dt>
								<dd>
									<span id="mem"></span>
								</dd>
								<dt>操作系统：</dt>
								<dd>
									<span id="systemOpt"></span>
								</dd>
								<dt>网络环境：</dt>
								<dd>
									<span id="netcircums"></span>
								</dd>
							</dl>
						</div>
						<div class="soft-row g-mt20 clearfix">
							<div class="soft-col">
								<label>系统负载</label>
							</div>
						</div>
						<div class="soft-row g-mt20 clearfix">
							<div class="soft-col">
								<h3>CPU使用率(%)</h3>
								<div id="j-chartCpu" style="height: 200px; width: 338px;"></div>
							</div>
							<div class="soft-col g-ml20">
								<h3>物理内存(%)</h3>
								<div id="j-chartMenory" style="height: 200px; width: 338px;"></div>
							</div>
						</div>
						<div class="soft-row g-mt20 clearfix">
							<div class="soft-col">
								<label>网络监控</label>
							</div>
							<!-- <div class="soft-col">
								<div class="table-btn">
									<button class="btn" type="button">当前网络模式为省流模式</button>
									<button class="btn" type="button" id="netWorkRest">刷新</button>
								</div>
							</div> -->
						</div>
						<div class="soft-row g-mt20 clearfix">
							<table>
								<thead>
									<tr>
										<th width="225">机房</th>
										<th width="225">状态</th>
										<th width="225">丢包率 （%）</th>
										<th width="225">延时 （ms）</th>
									</tr>
								</thead>
								<tbody id="j-list">
								<script type="text/ysmart" data-name="list">
									<@ for(var item in DATA){ @>
									<tr <@ if(DATA[item].status == "false"){ @>class="error"<@ } @>>
										<td>厦门电信机房</td>
										<td><@=DATA[item].status == "true" ? "正常连接" : "网络异常" @></td>
										<td><@=DATA[item].packetLossRate*100 @></td>
										<td><@=DATA[item].averageTime @></td>
									</tr>
									<@ } @>
								</script>		
							</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="nav">
			<ul>
				<li><a href="/static/html/largeIndex.html">
						<div class="ico ico-home fl"></div>
						<p class="fl">首页</p>
				</a></li>
				<li><a href="/static/html/safebox.html">
						<div class="ico ico-safebox fl"></div>
						<p class="fl">数据保险箱</p>
				</a></li>
				<li class="active"><a href="/static/html/monitor.html">
						<div class="ico ico-monitor fl"></div>
						<p class="fl">运行监控</p>
				</a></li>
				<!-- <li title="暂未开放，敬请期待">
                	<a href="javascript:;">
                	<a>
	                    <div class="ico ico-user fl"></div>
	                    <p class="fl" style="color:#738EA8;">用户管理</p>
                    </a>
                </li> -->
				<li><a href="/static/html/systemSet.html">
						<div class="ico ico-set fl"></div>
						<p class="fl">系统设置</p>
				</a></li>
			</ul>
		</div>
	</div>
	<script src="/static/js/plugin/jquery-1.9.1.min.js" type="text/javascript"></script>
	<script src="/static/js/plugin/highcharts.js" type="text/javascript"></script>
	<script src="/static/js/plugin/plugins.js" type="text/javascript"></script>
	<script src="/static/js/data/ajax.js" type="text/javascript"></script>
	<script src="/static/js/data/ebeim.js" type="text/javascript"></script>
	<script src="/static/js/data/global.js" type="text/javascript"></script>
	<script src="/static/js/logic/monitor.js" type="text/javascript"></script>
</body>
</html>
